<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>图片元素</title>
	</head>
	<body>
		<!--图片元素和属性与属性值-->
		<!--png jpg gif -->
		<!--·属性与属性值:出现在元素前标记位置(用多个空格分开】
		作用:修饰元素效果
		【必须】资源属性src="属性值+图片全称”
		路径：通过路径找到文件，表示：/  \
		/  表示 上传至服务器 【推荐】
		\  表示 下载到本地
		../ 返回上一级
		相对路径  ①相对于 执行网页文件 同一目录下 直接按照目录名+图片全称
		         ②相对于 执行网页文件 包含文件夹 返回上一步
		绝对路径	 根据盘符查找文件
			 
		alt标题属性 属性值:文本自定
		特点：用于解释图片，特点:网络问题、图片全程写错，提示
		title标题属性 属性值文本自定(用于解释图片，鼠标移动上去才显示)
		-->
		<img src="img/1.png" alt="公主猫"width="200px"height="200px"/>
		<img src="img/2.jpg" title="猫猫侠"width="200px"height="200px"/>
		<img src="img/3.gif" alt="奶牛猫"title="奶牛猫"/>
		<!--图片、音频、视频【文件类]使用机制类似
        视频 video元素的属性与属性值:如果属性与属性值一致，删属性值
        autopLay属性	 自动播放一次	
        controls属性  控制条	
		loop属性     无限次播放
		音频 audio
        -->
		<video src="img/oceans-clip.mp4" autoplay controls loop=""></video>
		<audio src="img/dafengche.mp3" autoplay  loop></audio>
		</body>
</html>